<template>
    <div class="tipBox">
        <span class="tip"><span class="blue">{{data}}</span>当前正在直播</span>
    </div>
</template>
<script setup>
import { ref,onMounted } from "vue";
const { ipcRenderer } = require('electron')

const data = ref()
onMounted(()=>{
    ipcRenderer.on('data', (event, arg) => {  data.value = JSON.parse(arg).data.msg.name})
    
})
</script>
<style scoped>
.tipBox{
    display: flex;
    width: 100vw;
    height: 100vh;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.tip{
    color: #fff;
}
.blue{
    color: #ff582e;
}
</style>